<template>
  <Card  style="margin: 0 0 1vh 20vh">
    <p slot="title">VariableManagement 参数设置</p>
    <div class="demo-split">
      <Split v-model="split1" >
        <div slot="left" class="demo-split-pane">
          {{ modelInfo }}
        </div>
        <div slot="right" class="demo-split-pane">
          {{ modelInfo }}
        </div>
      </Split>
    </div>
  </Card>
</template>

<script>
export default {
  name: "variableManager",
  props: {
    modelInfo: {
      type: Object,
      require: true,
      default: null
    },
    sysInfo: {
      type: Object,
    }
  },
  data() {
    return {
      split1: 0.5
    }
  },
}
</script>

<style>
.demo-split{
  margin: 0 0 0 0;
  height: 80vh;
  /*border: 1px solid #dcdee2;*/
}
.demo-split-pane {
  padding: 10px;
}
</style>
